<%@page contentType="text/html;charset=UTF-8"%>
<%@page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<style type="text/css">
	#joinPanel{
		text-align: center;
	}
	
	#joinForm fieldset{
		width: 380px;
		text-align: left;
		margin: 0 auto;
	}
	
	#joinForm fieldset label{
		width: 120px; 
		float:left; 
		display : block; 
		text-align: right;
	}
</style>
<div id="joinPanel">
	<form id="joinForm" name="joinForm">
		<fieldset id="basicJoinFieldSet">
			<legend><fmt:message key="basicInfo"/></legend>
				<label><fmt:message key="id"/> : </label>
				<input type="text" name="id"><br/>
				<label><fmt:message key="password"/> : </label>
				<input type="text" name="password"><br/>
				<label><fmt:message key="email"/> : </label>
				<input type="text" name="email"><br/>
		</fieldset>
		
		<fieldset id="expandJoinFieldSet">
			<legend><fmt:message key="expandInfo"/></legend>
				<label><fmt:message key="ssn"/> : </label>
				<input type="text" name="ssn"><br/>
		</fieldset>
		<br/>
		<button><fmt:message key="join"/></button>
	</form>
</div>